<template>
    <div>
        <div class='good'>
            <div class='good_brand'>
                <swiper class='index_lbt'>
                    <block>
                        <swiper-item>
                            <img src='/static/images/index_pet5.png' />
                        </swiper-item>
                        <swiper-item>
                            <img src='/static/images/index_pet6.png' />
                        </swiper-item>
                        <swiper-item>
                            <img src='/static/images/index_pet7.png' />
                        </swiper-item>
                    </block>
                </swiper>
            </div>

            <div class='good_price'>
                <div class='good_price_box'>
                    <div class='good_price_left'>
                        <span class='text1'>BROYAL CATFOOD</span>
                        <span class='text2'>ADUIT & PUPPY CATS</span>
                        <span class='text3'>
                            <span>库存 300</span>
                            <span>月售 3300</span>
                        </span>

                    </div>
                    <div class='good_price_right'>
                        <span class='text1'></span>
                        <span class='text2'>138</span>
                    </div>
                </div>
                <div class='good_price_shop'>
                    <div>
                        <img src='/static/images/collect.png' />
                        <img src='/static/images/shop.png' />
                    </div>
                    <div class='good_price_shop_but'>立即购买</div>

                </div>

            </div>

            <div class='good_price_jiesao'>
                <div class='xian'></div>
                <div class='text'>产 品 介 绍</div>
                <div class='xian'></div>
            </div>

            <div class='good_price_product'>
                <div class='good_price_canshu'>
                    <span class='text1'>品牌：
                        <span>care/好主人</span>
                    </span>
                    <span class='text2'>货号：
                        <span>理想体态室内成猫粮</span>
                    </span>
                </div>
                <div class='good_price_canshu'>
                    <span class='text1'>适用阶段：
                        <span>成年猫</span>
                    </span>
                    <span class='text2'>食品口味：
                        <span>鸡肉味</span>
                    </span>
                </div>
                <div class='good_price_canshu'>
                    <span class='text1'>产地：
                        <span>中国</span>
                    </span>
                    <span class='text2'>重量(g)：
                        <span>2500</span>
                    </span>
                </div>

            </div>
        </div>
    </div>
</template>

<script>
import { formatTime } from "@/utils/index";
import card from "@/components/card";

export default {
    components: {
        card
    },

    data() {
        return {};
    },

    created() {
        const logs = wx.getStorageSync("logs") || [];
        this.logs = logs.map(log => formatTime(new Date(log)));
    },
    methods: {}
};
</script>

<style>
.index_lbt {
    width: 100%;
    height: 750rpx;
}

.index_lbt img {
    width: 100%;
    height: 750rpx;
}

.good_price {
    width: 100%;
    height: 240rpx;
}

.good_price_shop {
    display: flex;
    justify-content: space-between;
    margin-top: 20rpx;
}

.good_price_shop img {
    width: 32rpx;
    height: 32rpx;
    margin-left: 35rpx;
}

.good_price_shop_but {
    width: 116rpx;
    height: 47rpx;
    background-color: #ff8d1a;
    font-size: 24rpx;
    text-align: center;
    line-height: 47rpx;
    color: #fff;
    margin-right: 30rpx;
}

.good_price_box {
    display: flex;
    justify-content: space-between;
}

.good_price .good_price_left {
    width: 500rpx;
    display: flex;
    flex-direction: column;
    margin-top: 34rpx;
    margin-left: 36rpx;
}

.good_price .good_price_left .text1 {
    color: #505050;
    font-size: 28rpx;
    margin-bottom: 5rpx;
}

.good_price .good_price_left .text2 {
    color: #a6a6a6;
    font-size: 20rpx;
    margin-bottom: 10rpx;
}

.good_price .good_price_left .text3 {
    color: #a6a6a6;
    font-size: 20rpx;
}

.good_price .good_price_right {
    margin-top: 65rpx;
    margin-right: 35rpx;
}

.good_price .good_price_right .text1 {
    color: #a6a6a6;
    font-size: 16rpx;
    margin-right: 10rpx;
}

.good_price .good_price_right .text2 {
    color: #f00;
    font-size: 28rpx;
    font-weight: bold;
}

.good .good_price_jiesao {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20rpx;
}

.good .good_price_jiesao .xian {
    width: 213rpx;
    height: 2rpx;
    background: #cdcdcd;
}

.good .good_price_jiesao .text {
    color: #505050;
    font-size: 26rpx;
}

.good_price_canshu {
    color: #505050;
    font-size: 28rpx;
    display: flex;
}

.good_price_canshu .text1 {
    width: 50%;
    height: 50rpx;
    line-height: 50rpx;
    margin-left: 30rpx;
}

.good_price_canshu .text2 {
    width: 50%;
    height: 50rpx;
    line-height: 50rpx;
}
</style>
